				<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
				<style>
					body {
						min-width: 520px;
						font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
						font-size: 62.5%;
					}
					tr.border_bottom td {
						border-bottom:1pt solid #3d85c6;
					}
					.column {
						width: 33.33%;
						float: left;
						padding-bottom: 100px;
					}
					.portlet {
						margin: 0 1em 1em 0;
						padding: 0.3em;
					}
					.portlet-header {
						padding: 0.2em 0.3em;
						margin-bottom: 0.5em;
						position: relative;
					}
					.portlet-toggle {
						position: absolute;
						top: 50%;
						right: 0;
						margin-top: -8px;
					}
					.portlet-content {
						padding: 0.4em;
					}
					.portlet-placeholder {
						border: 1px dotted black;
						margin: 0 1em 1em 0;
						height: 50px;
					}
				/*****************************JQUERY-UI.CSS*****************************************/
					.ui-helper-hidden {
						display: none;
					}
					.ui-helper-hidden-accessible {
						border: 0;
						clip: rect(0 0 0 0);
						height: 1px;
						margin: -1px;
						overflow: hidden;
						padding: 0;
						position: absolute;
						width: 1px;
					}
					.ui-helper-reset {
						margin: 0;
						padding: 0;
						border: 0;
						outline: 0;
						line-height: 1.3;
						text-decoration: none;
						font-size: 100%;
						list-style: none;
					}
					.ui-helper-clearfix:before,
					.ui-helper-clearfix:after {
						content: "";
						display: table;
						border-collapse: collapse;
					}
					.ui-helper-clearfix:after {
						clear: both;
					}
					.ui-helper-clearfix {
						min-height: 0; /* support: IE7 */
					}
					.ui-helper-zfix {
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						position: absolute;
						opacity: 0;
						filter:Alpha(Opacity=0);
					}

					.ui-front {
						z-index: 100;
					}


					/* Interaction Cues
					----------------------------------*/
					.ui-state-disabled {
						cursor: default !important;
					}


					/* Icons
					----------------------------------*/

					/* states and images */
					.ui-icon {
						display: block;
						text-indent: -99999px;
						overflow: hidden;
						background-repeat: no-repeat;
					}


					/* Misc visuals
					----------------------------------*/

					/* Overlays */
					.ui-widget-overlay {
						position: fixed;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}
					.ui-accordion .ui-accordion-header {
						display: block;
						cursor: pointer;
						position: relative;
						margin-top: 2px;
						padding: .5em .5em .5em .7em;
						min-height: 0; /* support: IE7 */
					}
					.ui-accordion .ui-accordion-icons {
						padding-left: 2.2em;
					}
					.ui-accordion .ui-accordion-noicons {
						padding-left: .7em;
					}
					.ui-accordion .ui-accordion-icons .ui-accordion-icons {
						padding-left: 2.2em;
					}
					.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
						position: absolute;
						left: .5em;
						top: 50%;
						margin-top: -8px;
					}
					.ui-accordion .ui-accordion-content {
						padding: 1em 2.2em;
						border-top: 0;
						overflow: auto;
					}
					.ui-autocomplete {
						position: absolute;
						top: 0;
						left: 0;
						cursor: default;
					}
					.ui-button {
						display: inline-block;
						position: relative;
						padding: 0;
						line-height: normal;
						margin-right: .1em;
						cursor: pointer;
						vertical-align: middle;
						text-align: center;
						overflow: visible; /* removes extra width in IE */
					}
					.ui-button,
					.ui-button:link,
					.ui-button:visited,
					.ui-button:hover,
					.ui-button:active {
						text-decoration: none;
					}
					/* to make room for the icon, a width needs to be set here */
					.ui-button-icon-only {
						width: 2.2em;
					}
					/* button elements seem to need a little more width */
					button.ui-button-icon-only {
						width: 2.4em;
					}
					.ui-button-icons-only {
						width: 3.4em;
					}
					button.ui-button-icons-only {
						width: 3.7em;
					}

					/* button text element */
					.ui-button .ui-button-text {
						display: block;
						line-height: normal;
					}
					.ui-button-text-only .ui-button-text {
						padding: .4em 1em;
					}
					.ui-button-icon-only .ui-button-text,
					.ui-button-icons-only .ui-button-text {
						padding: .4em;
						text-indent: -9999999px;
					}
					.ui-button-text-icon-primary .ui-button-text,
					.ui-button-text-icons .ui-button-text {
						padding: .4em 1em .4em 2.1em;
					}
					.ui-button-text-icon-secondary .ui-button-text,
					.ui-button-text-icons .ui-button-text {
						padding: .4em 2.1em .4em 1em;
					}
					.ui-button-text-icons .ui-button-text {
						padding-left: 2.1em;
						padding-right: 2.1em;
					}
					/* no icon support for input elements, provide padding by default */
					input.ui-button {
						padding: .4em 1em;
					}

					/* button icon element(s) */
					.ui-button-icon-only .ui-icon,
					.ui-button-text-icon-primary .ui-icon,
					.ui-button-text-icon-secondary .ui-icon,
					.ui-button-text-icons .ui-icon,
					.ui-button-icons-only .ui-icon {
						position: absolute;
						top: 50%;
						margin-top: -8px;
					}
					.ui-button-icon-only .ui-icon {
						left: 50%;
						margin-left: -8px;
					}
					.ui-button-text-icon-primary .ui-button-icon-primary,
					.ui-button-text-icons .ui-button-icon-primary,
					.ui-button-icons-only .ui-button-icon-primary {
						left: .5em;
					}
					.ui-button-text-icon-secondary .ui-button-icon-secondary,
					.ui-button-text-icons .ui-button-icon-secondary,
					.ui-button-icons-only .ui-button-icon-secondary {
						right: .5em;
					}

					/* button sets */
					.ui-buttonset {
						margin-right: 7px;
					}
					.ui-buttonset .ui-button {
						margin-left: 0;
						margin-right: -.3em;
					}

					/* workarounds */
					/* reset extra padding in Firefox, see h5bp.com/l */
					input.ui-button::-moz-focus-inner,
					button.ui-button::-moz-focus-inner {
						border: 0;
						padding: 0;
					}
					.ui-datepicker {
						width: 17em;
						padding: .2em .2em 0;
						display: none;
					}
					.ui-datepicker .ui-datepicker-header {
						position: relative;
						padding: .2em 0;
					}
					.ui-datepicker .ui-datepicker-prev,
					.ui-datepicker .ui-datepicker-next {
						position: absolute;
						top: 2px;
						width: 1.8em;
						height: 1.8em;
					}
					.ui-datepicker .ui-datepicker-prev-hover,
					.ui-datepicker .ui-datepicker-next-hover {
						top: 1px;
					}
					.ui-datepicker .ui-datepicker-prev {
						left: 2px;
					}
					.ui-datepicker .ui-datepicker-next {
						right: 2px;
					}
					.ui-datepicker .ui-datepicker-prev-hover {
						left: 1px;
					}
					.ui-datepicker .ui-datepicker-next-hover {
						right: 1px;
					}
					.ui-datepicker .ui-datepicker-prev span,
					.ui-datepicker .ui-datepicker-next span {
						display: block;
						position: absolute;
						left: 50%;
						margin-left: -8px;
						top: 50%;
						margin-top: -8px;
					}
					.ui-datepicker .ui-datepicker-title {
						margin: 0 2.3em;
						line-height: 1.8em;
						text-align: center;
					}
					.ui-datepicker .ui-datepicker-title select {
						font-size: 1em;
						margin: 1px 0;
					}
					.ui-datepicker select.ui-datepicker-month,
					.ui-datepicker select.ui-datepicker-year {
						width: 49%;
					}
					.ui-datepicker table {
						width: 100%;
						font-size: .9em;
						border-collapse: collapse;
						margin: 0 0 .4em;
					}
					.ui-datepicker th {
						padding: .7em .3em;
						text-align: center;
						font-weight: bold;
						border: 0;
					}
					.ui-datepicker td {
						border: 0;
						padding: 1px;
					}
					.ui-datepicker td span,
					.ui-datepicker td a {
						display: block;
						padding: .2em;
						text-align: right;
						text-decoration: none;
					}
					.ui-datepicker .ui-datepicker-buttonpane {
						background-image: none;
						margin: .7em 0 0 0;
						padding: 0 .2em;
						border-left: 0;
						border-right: 0;
						border-bottom: 0;
					}
					.ui-datepicker .ui-datepicker-buttonpane button {
						float: right;
						margin: .5em .2em .4em;
						cursor: pointer;
						padding: .2em .6em .3em .6em;
						width: auto;
						overflow: visible;
					}
					.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
						float: left;
					}

					/* with multiple calendars */
					.ui-datepicker.ui-datepicker-multi {
						width: auto;
					}
					.ui-datepicker-multi .ui-datepicker-group {
						float: left;
					}
					.ui-datepicker-multi .ui-datepicker-group table {
						width: 95%;
						margin: 0 auto .4em;
					}
					.ui-datepicker-multi-2 .ui-datepicker-group {
						width: 50%;
					}
					.ui-datepicker-multi-3 .ui-datepicker-group {
						width: 33.3%;
					}
					.ui-datepicker-multi-4 .ui-datepicker-group {
						width: 25%;
					}
					.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
					.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
						border-left-width: 0;
					}
					.ui-datepicker-multi .ui-datepicker-buttonpane {
						clear: left;
					}
					.ui-datepicker-row-break {
						clear: both;
						width: 100%;
						font-size: 0;
					}

					/* RTL support */
					.ui-datepicker-rtl {
						direction: rtl;
					}
					.ui-datepicker-rtl .ui-datepicker-prev {
						right: 2px;
						left: auto;
					}
					.ui-datepicker-rtl .ui-datepicker-next {
						left: 2px;
						right: auto;
					}
					.ui-datepicker-rtl .ui-datepicker-prev:hover {
						right: 1px;
						left: auto;
					}
					.ui-datepicker-rtl .ui-datepicker-next:hover {
						left: 1px;
						right: auto;
					}
					.ui-datepicker-rtl .ui-datepicker-buttonpane {
						clear: right;
					}
					.ui-datepicker-rtl .ui-datepicker-buttonpane button {
						float: left;
					}
					.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
					.ui-datepicker-rtl .ui-datepicker-group {
						float: right;
					}
					.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
					.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
						border-right-width: 0;
						border-left-width: 1px;
					}
					.ui-dialog {
						overflow: hidden;
						position: absolute;
						top: 0;
						left: 0;
						padding: .2em;
						outline: 0;
					}
					.ui-dialog .ui-dialog-titlebar {
						padding: .4em 1em;
						position: relative;
					}
					.ui-dialog .ui-dialog-title {
						float: left;
						margin: .1em 0;
						white-space: nowrap;
						width: 90%;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.ui-dialog .ui-dialog-titlebar-close {
						position: absolute;
						right: .3em;
						top: 50%;
						width: 20px;
						margin: -10px 0 0 0;
						padding: 1px;
						height: 20px;
					}
					.ui-dialog .ui-dialog-content {
						position: relative;
						border: 0;
						padding: .5em 1em;
						background: none;
						overflow: auto;
					}
					.ui-dialog .ui-dialog-buttonpane {
						text-align: left;
						border-width: 1px 0 0 0;
						background-image: none;
						margin-top: .5em;
						padding: .3em 1em .5em .4em;
					}
					.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
						float: right;
					}
					.ui-dialog .ui-dialog-buttonpane button {
						margin: .5em .4em .5em 0;
						cursor: pointer;
					}
					.ui-dialog .ui-resizable-se {
						width: 12px;
						height: 12px;
						right: -5px;
						bottom: -5px;
						background-position: 16px 16px;
					}
					.ui-draggable .ui-dialog-titlebar {
						cursor: move;
					}
					.ui-menu {
						list-style: none;
						padding: 2px;
						margin: 0;
						display: block;
						outline: none;
					}
					.ui-menu .ui-menu {
						margin-top: -3px;
						position: absolute;
					}
					.ui-menu .ui-menu-item {
						margin: 0;
						padding: 0;
						width: 100%;
						/* support: IE10, see #8844 */
						list-style-image: url();
					}
					.ui-menu .ui-menu-divider {
						margin: 5px -2px 5px -2px;
						height: 0;
						font-size: 0;
						line-height: 0;
						border-width: 1px 0 0 0;
					}
					.ui-menu .ui-menu-item a {
						text-decoration: none;
						display: block;
						padding: 2px .4em;
						line-height: 1.5;
						min-height: 0; /* support: IE7 */
						font-weight: normal;
					}
					.ui-menu .ui-menu-item a.ui-state-focus,
					.ui-menu .ui-menu-item a.ui-state-active {
						font-weight: normal;
						margin: -1px;
					}

					.ui-menu .ui-state-disabled {
						font-weight: normal;
						margin: .4em 0 .2em;
						line-height: 1.5;
					}
					.ui-menu .ui-state-disabled a {
						cursor: default;
					}

					/* icon support */
					.ui-menu-icons {
						position: relative;
					}
					.ui-menu-icons .ui-menu-item a {
						position: relative;
						padding-left: 2em;
					}

					/* left-aligned */
					.ui-menu .ui-icon {
						position: absolute;
						top: .2em;
						left: .2em;
					}

					/* right-aligned */
					.ui-menu .ui-menu-icon {
						position: static;
						float: right;
					}
					.ui-progressbar {
						height: 2em;
						text-align: left;
						overflow: hidden;
					}
					.ui-progressbar .ui-progressbar-value {
						margin: -1px;
						height: 100%;
					}
					.ui-progressbar .ui-progressbar-overlay {
						background: url("https://site-itam.googlecode.com/svn/branches/img/animated-overlay.gif");
						height: 100%;
						filter: alpha(opacity=25);
						opacity: 0.25;
					}
					.ui-progressbar-indeterminate .ui-progressbar-value {
						background-image: none;
					}
					.ui-resizable {
						position: relative;
					}
					.ui-resizable-handle {
						position: absolute;
						font-size: 0.1px;
						display: block;
					}
					.ui-resizable-disabled .ui-resizable-handle,
					.ui-resizable-autohide .ui-resizable-handle {
						display: none;
					}
					.ui-resizable-n {
						cursor: n-resize;
						height: 7px;
						width: 100%;
						top: -5px;
						left: 0;
					}
					.ui-resizable-s {
						cursor: s-resize;
						height: 7px;
						width: 100%;
						bottom: -5px;
						left: 0;
					}
					.ui-resizable-e {
						cursor: e-resize;
						width: 7px;
						right: -5px;
						top: 0;
						height: 100%;
					}
					.ui-resizable-w {
						cursor: w-resize;
						width: 7px;
						left: -5px;
						top: 0;
						height: 100%;
					}
					.ui-resizable-se {
						cursor: se-resize;
						width: 12px;
						height: 12px;
						right: 1px;
						bottom: 1px;
					}
					.ui-resizable-sw {
						cursor: sw-resize;
						width: 9px;
						height: 9px;
						left: -5px;
						bottom: -5px;
					}
					.ui-resizable-nw {
						cursor: nw-resize;
						width: 9px;
						height: 9px;
						left: -5px;
						top: -5px;
					}
					.ui-resizable-ne {
						cursor: ne-resize;
						width: 9px;
						height: 9px;
						right: -5px;
						top: -5px;
					}
					.ui-selectable-helper {
						position: absolute;
						z-index: 100;
						border: 1px dotted black;
					}
					.ui-slider {
						position: relative;
						text-align: left;
					}
					.ui-slider .ui-slider-handle {
						position: absolute;
						z-index: 2;
						width: 1.2em;
						height: 1.2em;
						cursor: default;
					}
					.ui-slider .ui-slider-range {
						position: absolute;
						z-index: 1;
						font-size: .7em;
						display: block;
						border: 0;
						background-position: 0 0;
					}

					/* For IE8 - See #6727 */
					.ui-slider.ui-state-disabled .ui-slider-handle,
					.ui-slider.ui-state-disabled .ui-slider-range {
						filter: inherit;
					}

					.ui-slider-horizontal {
						height: .8em;
					}
					.ui-slider-horizontal .ui-slider-handle {
						top: -.3em;
						margin-left: -.6em;
					}
					.ui-slider-horizontal .ui-slider-range {
						top: 0;
						height: 100%;
					}
					.ui-slider-horizontal .ui-slider-range-min {
						left: 0;
					}
					.ui-slider-horizontal .ui-slider-range-max {
						right: 0;
					}

					.ui-slider-vertical {
						width: .8em;
						height: 100px;
					}
					.ui-slider-vertical .ui-slider-handle {
						left: -.3em;
						margin-left: 0;
						margin-bottom: -.6em;
					}
					.ui-slider-vertical .ui-slider-range {
						left: 0;
						width: 100%;
					}
					.ui-slider-vertical .ui-slider-range-min {
						bottom: 0;
					}
					.ui-slider-vertical .ui-slider-range-max {
						top: 0;
					}
					.ui-spinner {
						position: relative;
						display: inline-block;
						overflow: hidden;
						padding: 0;
						vertical-align: middle;
					}
					.ui-spinner-input {
						border: none;
						background: none;
						color: inherit;
						padding: 0;
						margin: .2em 0;
						vertical-align: middle;
						margin-left: .4em;
						margin-right: 22px;
					}
					.ui-spinner-button {
						width: 16px;
						height: 50%;
						font-size: .5em;
						padding: 0;
						margin: 0;
						text-align: center;
						position: absolute;
						cursor: default;
						display: block;
						overflow: hidden;
						right: 0;
					}
					/* more specificity required here to override default borders */
					.ui-spinner a.ui-spinner-button {
						border-top: none;
						border-bottom: none;
						border-right: none;
					}
					/* vertically center icon */
					.ui-spinner .ui-icon {
						position: absolute;
						margin-top: -8px;
						top: 50%;
						left: 0;
					}
					.ui-spinner-up {
						top: 0;
					}
					.ui-spinner-down {
						bottom: 0;
					}

					/* TR overrides */
					.ui-spinner .ui-icon-triangle-1-s {
						/* need to fix icons sprite */
						background-position: -65px -16px;
					}
					.ui-tabs {
						position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
						padding: .2em;
					}
					.ui-tabs .ui-tabs-nav {
						margin: 0;
						padding: .2em .2em 0;
					}
					.ui-tabs .ui-tabs-nav li {
						list-style: none;
						float: left;
						position: relative;
						top: 0;
						margin: 1px .2em 0 0;
						border-bottom-width: 0;
						padding: 0;
						white-space: nowrap;
					}
					.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
						float: left;
						padding: .5em 1em;
						text-decoration: none;
					}
					.ui-tabs .ui-tabs-nav li.ui-tabs-active {
						margin-bottom: -1px;
						padding-bottom: 1px;
					}
					.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
					.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
					.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
						cursor: text;
					}
					.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
						cursor: pointer;
					}
					.ui-tabs .ui-tabs-panel {
						display: block;
						border-width: 0;
						padding: 1em 1.4em;
						background: none;
					}
					.ui-tooltip {
						padding: 8px;
						position: absolute;
						z-index: 9999;
						max-width: 300px;
						-webkit-box-shadow: 0 0 5px #aaa;
						box-shadow: 0 0 5px #aaa;
					}
					body .ui-tooltip {
						border-width: 2px;
					}

					/* Component containers
					----------------------------------*/
					.ui-widget {
						font-family: Verdana,Arial,sans-serif;
						font-size: 1.1em;
					}
					.ui-widget .ui-widget {
						font-size: 1em;
					}
					.ui-widget input,
					.ui-widget select,
					.ui-widget textarea,
					.ui-widget button {
						font-family: Verdana,Arial,sans-serif;
						font-size: 1em;
					}
					.ui-widget-content {
						border: 1px solid #aaaaaa;
						background: #ffffff url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
						color: #222222;
					}
					.ui-widget-content a {
						color: #222222;
					}
					.ui-widget-header {
						border: 1px solid #aaaaaa;
						background: #cccccc url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
						color: #222222;
						font-weight: bold;
					}
					.ui-widget-header a {
						color: #222222;
					}

					/* Interaction states
					----------------------------------*/
					.ui-state-default,
					.ui-widget-content .ui-state-default,
					.ui-widget-header .ui-state-default {
						border: 1px solid #d3d3d3;
						background: #e6e6e6 url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
						font-weight: normal;
						color: #555555;
					}
					.ui-state-default a,
					.ui-state-default a:link,
					.ui-state-default a:visited {
						color: #555555;
						text-decoration: none;
					}
					.ui-state-hover,
					.ui-widget-content .ui-state-hover,
					.ui-widget-header .ui-state-hover,
					.ui-state-focus,
					.ui-widget-content .ui-state-focus,
					.ui-widget-header .ui-state-focus {
						border: 1px solid #999999;
						background: #dadada url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
						font-weight: normal;
						color: #212121;
					}
					.ui-state-hover a,
					.ui-state-hover a:hover,
					.ui-state-hover a:link,
					.ui-state-hover a:visited,
					.ui-state-focus a,
					.ui-state-focus a:hover,
					.ui-state-focus a:link,
					.ui-state-focus a:visited {
						color: #212121;
						text-decoration: none;
					}
					.ui-state-active,
					.ui-widget-content .ui-state-active,
					.ui-widget-header .ui-state-active {
						border: 1px solid #aaaaaa;
						background: #ffffff url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
						font-weight: normal;
						color: #212121;
					}
					.ui-state-active a,
					.ui-state-active a:link,
					.ui-state-active a:visited {
						color: #212121;
						text-decoration: none;
					}

					/* Interaction Cues
					----------------------------------*/
					.ui-state-highlight,
					.ui-widget-content .ui-state-highlight,
					.ui-widget-header .ui-state-highlight {
						border: 1px solid #fcefa1;
						background: #fbf9ee url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
						color: #363636;
					}
					.ui-state-highlight a,
					.ui-widget-content .ui-state-highlight a,
					.ui-widget-header .ui-state-highlight a {
						color: #363636;
					}
					.ui-state-error,
					.ui-widget-content .ui-state-error,
					.ui-widget-header .ui-state-error {
						border: 1px solid #cd0a0a;
						background: #fef1ec url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
						color: #cd0a0a;
					}
					.ui-state-error a,
					.ui-widget-content .ui-state-error a,
					.ui-widget-header .ui-state-error a {
						color: #cd0a0a;
					}
					.ui-state-error-text,
					.ui-widget-content .ui-state-error-text,
					.ui-widget-header .ui-state-error-text {
						color: #cd0a0a;
					}
					.ui-priority-primary,
					.ui-widget-content .ui-priority-primary,
					.ui-widget-header .ui-priority-primary {
						font-weight: bold;
					}
					.ui-priority-secondary,
					.ui-widget-content .ui-priority-secondary,
					.ui-widget-header .ui-priority-secondary {
						opacity: .7;
						filter:Alpha(Opacity=70);
						font-weight: normal;
					}
					.ui-state-disabled,
					.ui-widget-content .ui-state-disabled,
					.ui-widget-header .ui-state-disabled {
						opacity: .35;
						filter:Alpha(Opacity=35);
						background-image: none;
					}
					.ui-state-disabled .ui-icon {
						filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
					}

					/* Icons
					----------------------------------*/

					/* states and images */
					.ui-icon {
						width: 16px;
						height: 16px;
					}
					.ui-icon,
					.ui-widget-content .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_222222_256x240.png);
					}
					.ui-widget-header .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_222222_256x240.png);
					}
					.ui-state-default .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_888888_256x240.png);
					}
					.ui-state-hover .ui-icon,
					.ui-state-focus .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_454545_256x240.png);
					}
					.ui-state-active .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_454545_256x240.png);
					}
					.ui-state-highlight .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_2e83ff_256x240.png);
					}
					.ui-state-error .ui-icon,
					.ui-state-error-text .ui-icon {
						background-image: url(https://site-itam.googlecode.com/svn/branches/img/ui-icons_cd0a0a_256x240.png);
					}

					/* positioning */
					.ui-icon-blank { background-position: 16px 16px; }
					.ui-icon-carat-1-n { background-position: 0 0; }
					.ui-icon-carat-1-ne { background-position: -16px 0; }
					.ui-icon-carat-1-e { background-position: -32px 0; }
					.ui-icon-carat-1-se { background-position: -48px 0; }
					.ui-icon-carat-1-s { background-position: -64px 0; }
					.ui-icon-carat-1-sw { background-position: -80px 0; }
					.ui-icon-carat-1-w { background-position: -96px 0; }
					.ui-icon-carat-1-nw { background-position: -112px 0; }
					.ui-icon-carat-2-n-s { background-position: -128px 0; }
					.ui-icon-carat-2-e-w { background-position: -144px 0; }
					.ui-icon-triangle-1-n { background-position: 0 -16px; }
					.ui-icon-triangle-1-ne { background-position: -16px -16px; }
					.ui-icon-triangle-1-e { background-position: -32px -16px; }
					.ui-icon-triangle-1-se { background-position: -48px -16px; }
					.ui-icon-triangle-1-s { background-position: -64px -16px; }
					.ui-icon-triangle-1-sw { background-position: -80px -16px; }
					.ui-icon-triangle-1-w { background-position: -96px -16px; }
					.ui-icon-triangle-1-nw { background-position: -112px -16px; }
					.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
					.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
					.ui-icon-arrow-1-n { background-position: 0 -32px; }
					.ui-icon-arrow-1-ne { background-position: -16px -32px; }
					.ui-icon-arrow-1-e { background-position: -32px -32px; }
					.ui-icon-arrow-1-se { background-position: -48px -32px; }
					.ui-icon-arrow-1-s { background-position: -64px -32px; }
					.ui-icon-arrow-1-sw { background-position: -80px -32px; }
					.ui-icon-arrow-1-w { background-position: -96px -32px; }
					.ui-icon-arrow-1-nw { background-position: -112px -32px; }
					.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
					.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
					.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
					.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
					.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
					.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
					.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
					.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
					.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
					.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
					.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
					.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
					.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
					.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
					.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
					.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
					.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
					.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
					.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
					.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
					.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
					.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
					.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
					.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
					.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
					.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
					.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
					.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
					.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
					.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
					.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
					.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
					.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
					.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
					.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
					.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
					.ui-icon-arrow-4 { background-position: 0 -80px; }
					.ui-icon-arrow-4-diag { background-position: -16px -80px; }
					.ui-icon-extlink { background-position: -32px -80px; }
					.ui-icon-newwin { background-position: -48px -80px; }
					.ui-icon-refresh { background-position: -64px -80px; }
					.ui-icon-shuffle { background-position: -80px -80px; }
					.ui-icon-transfer-e-w { background-position: -96px -80px; }
					.ui-icon-transferthick-e-w { background-position: -112px -80px; }
					.ui-icon-folder-collapsed { background-position: 0 -96px; }
					.ui-icon-folder-open { background-position: -16px -96px; }
					.ui-icon-document { background-position: -32px -96px; }
					.ui-icon-document-b { background-position: -48px -96px; }
					.ui-icon-note { background-position: -64px -96px; }
					.ui-icon-mail-closed { background-position: -80px -96px; }
					.ui-icon-mail-open { background-position: -96px -96px; }
					.ui-icon-suitcase { background-position: -112px -96px; }
					.ui-icon-comment { background-position: -128px -96px; }
					.ui-icon-person { background-position: -144px -96px; }
					.ui-icon-print { background-position: -160px -96px; }
					.ui-icon-trash { background-position: -176px -96px; }
					.ui-icon-locked { background-position: -192px -96px; }
					.ui-icon-unlocked { background-position: -208px -96px; }
					.ui-icon-bookmark { background-position: -224px -96px; }
					.ui-icon-tag { background-position: -240px -96px; }
					.ui-icon-home { background-position: 0 -112px; }
					.ui-icon-flag { background-position: -16px -112px; }
					.ui-icon-calendar { background-position: -32px -112px; }
					.ui-icon-cart { background-position: -48px -112px; }
					.ui-icon-pencil { background-position: -64px -112px; }
					.ui-icon-clock { background-position: -80px -112px; }
					.ui-icon-disk { background-position: -96px -112px; }
					.ui-icon-calculator { background-position: -112px -112px; }
					.ui-icon-zoomin { background-position: -128px -112px; }
					.ui-icon-zoomout { background-position: -144px -112px; }
					.ui-icon-search { background-position: -160px -112px; }
					.ui-icon-wrench { background-position: -176px -112px; }
					.ui-icon-gear { background-position: -192px -112px; }
					.ui-icon-heart { background-position: -208px -112px; }
					.ui-icon-star { background-position: -224px -112px; }
					.ui-icon-link { background-position: -240px -112px; }
					.ui-icon-cancel { background-position: 0 -128px; }
					.ui-icon-plus { background-position: -16px -128px; }
					.ui-icon-plusthick { background-position: -32px -128px; }
					.ui-icon-minus { background-position: -48px -128px; }
					.ui-icon-minusthick { background-position: -64px -128px; }
					.ui-icon-close { background-position: -80px -128px; }
					.ui-icon-closethick { background-position: -96px -128px; }
					.ui-icon-key { background-position: -112px -128px; }
					.ui-icon-lightbulb { background-position: -128px -128px; }
					.ui-icon-scissors { background-position: -144px -128px; }
					.ui-icon-clipboard { background-position: -160px -128px; }
					.ui-icon-copy { background-position: -176px -128px; }
					.ui-icon-contact { background-position: -192px -128px; }
					.ui-icon-image { background-position: -208px -128px; }
					.ui-icon-video { background-position: -224px -128px; }
					.ui-icon-script { background-position: -240px -128px; }
					.ui-icon-alert { background-position: 0 -144px; }
					.ui-icon-info { background-position: -16px -144px; }
					.ui-icon-notice { background-position: -32px -144px; }
					.ui-icon-help { background-position: -48px -144px; }
					.ui-icon-check { background-position: -64px -144px; }
					.ui-icon-bullet { background-position: -80px -144px; }
					.ui-icon-radio-on { background-position: -96px -144px; }
					.ui-icon-radio-off { background-position: -112px -144px; }
					.ui-icon-pin-w { background-position: -128px -144px; }
					.ui-icon-pin-s { background-position: -144px -144px; }
					.ui-icon-play { background-position: 0 -160px; }
					.ui-icon-pause { background-position: -16px -160px; }
					.ui-icon-seek-next { background-position: -32px -160px; }
					.ui-icon-seek-prev { background-position: -48px -160px; }
					.ui-icon-seek-end { background-position: -64px -160px; }
					.ui-icon-seek-start { background-position: -80px -160px; }
					/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
					.ui-icon-seek-first { background-position: -80px -160px; }
					.ui-icon-stop { background-position: -96px -160px; }
					.ui-icon-eject { background-position: -112px -160px; }
					.ui-icon-volume-off { background-position: -128px -160px; }
					.ui-icon-volume-on { background-position: -144px -160px; }
					.ui-icon-power { background-position: 0 -176px; }
					.ui-icon-signal-diag { background-position: -16px -176px; }
					.ui-icon-signal { background-position: -32px -176px; }
					.ui-icon-battery-0 { background-position: -48px -176px; }
					.ui-icon-battery-1 { background-position: -64px -176px; }
					.ui-icon-battery-2 { background-position: -80px -176px; }
					.ui-icon-battery-3 { background-position: -96px -176px; }
					.ui-icon-circle-plus { background-position: 0 -192px; }
					.ui-icon-circle-minus { background-position: -16px -192px; }
					.ui-icon-circle-close { background-position: -32px -192px; }
					.ui-icon-circle-triangle-e { background-position: -48px -192px; }
					.ui-icon-circle-triangle-s { background-position: -64px -192px; }
					.ui-icon-circle-triangle-w { background-position: -80px -192px; }
					.ui-icon-circle-triangle-n { background-position: -96px -192px; }
					.ui-icon-circle-arrow-e { background-position: -112px -192px; }
					.ui-icon-circle-arrow-s { background-position: -128px -192px; }
					.ui-icon-circle-arrow-w { background-position: -144px -192px; }
					.ui-icon-circle-arrow-n { background-position: -160px -192px; }
					.ui-icon-circle-zoomin { background-position: -176px -192px; }
					.ui-icon-circle-zoomout { background-position: -192px -192px; }
					.ui-icon-circle-check { background-position: -208px -192px; }
					.ui-icon-circlesmall-plus { background-position: 0 -208px; }
					.ui-icon-circlesmall-minus { background-position: -16px -208px; }
					.ui-icon-circlesmall-close { background-position: -32px -208px; }
					.ui-icon-squaresmall-plus { background-position: -48px -208px; }
					.ui-icon-squaresmall-minus { background-position: -64px -208px; }
					.ui-icon-squaresmall-close { background-position: -80px -208px; }
					.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
					.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
					.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
					.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
					.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
					.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


					/* Misc visuals
					----------------------------------*/

					/* Corner radius */
					.ui-corner-all,
					.ui-corner-top,
					.ui-corner-left,
					.ui-corner-tl {
						border-top-left-radius: 4px;
					}
					.ui-corner-all,
					.ui-corner-top,
					.ui-corner-right,
					.ui-corner-tr {
						border-top-right-radius: 4px;
					}
					.ui-corner-all,
					.ui-corner-bottom,
					.ui-corner-left,
					.ui-corner-bl {
						border-bottom-left-radius: 4px;
					}
					.ui-corner-all,
					.ui-corner-bottom,
					.ui-corner-right,
					.ui-corner-br {
						border-bottom-right-radius: 4px;
					}

					/* Overlays */
					.ui-widget-overlay {
						background: #aaaaaa url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
						opacity: .3;
						filter: Alpha(Opacity=30);
					}
					.ui-widget-shadow {
						margin: -8px 0 0 -8px;
						padding: 8px;
						background: #aaaaaa url(https://site-itam.googlecode.com/svn/branches/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
						opacity: .3;
						filter: Alpha(Opacity=30);
						border-radius: 8px;
					}
				/*****************************END JQUERY-UI.CSS*****************************************/
				/*****************************COLORBOX*****************************************/
					/*
					Colorbox Core Style:
					The following CSS is consistent between example themes and should not be altered.
					*/
					#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
					#cboxWrapper {max-width:none;}
					#cboxOverlay{position:fixed; width:100%; height:100%;}
					#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
					#cboxContent{position:relative;}
					#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
					#cboxTitle{margin:0;}
					#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
					#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
					.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
					.cboxIframe{width:100%; height:100%; display:block; border:0;}
					#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

					/* 
						User Style:
						Change the following styles to modify the appearance of Colorbox.  They are
						ordered & tabbed in a way that represents the nesting of the generated HTML.
					*/
					#cboxOverlay{background:#000;}
					#colorbox{outline:0;}
					#cboxContent{margin-top:20px;background:#000;}
					.cboxIframe{background:#fff;}
					#cboxError{padding:50px; border:1px solid #ccc;}
					#cboxLoadedContent{border:5px solid #000; background:#fff;}
					#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
					#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
					#cboxLoadingGraphic{background:url('https://site-itam.googlecode.com/svn/branches/img/loadingcbx.gif') no-repeat center center;}

					/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
					#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
					
					/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
					#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
					
					#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
					#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url('https://site-itam.googlecode.com/svn/branches/img/controlscbx.png') no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
					#cboxPrevious:hover{background-position:bottom left;}
					#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url('https://site-itam.googlecode.com/svn/branches/img/controlscbx.png') no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
					#cboxNext:hover{background-position:bottom right;}
					#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url('https://site-itam.googlecode.com/svn/branches/img/controlscbx.png') no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
					#cboxClose:hover{background-position:bottom center;}
				/*****************************END COLORBOX*****************************************/
				</style>
				<script type="text/javascript" src="https://www.google.com/jsapi"></script>
				<script src="https://site-itam.googlecode.com/svn/branches/lib/jquery-1.10.2.min.js"></script>
				<script src="https://site-itam.googlecode.com/svn/branches/lib/jquery-ui.js"></script>
				<script src="https://site-itam.googlecode.com/svn/branches/lib/jquery.colorbox.js"></script>
				<script type="text/javascript">
					var data, dataManuals;
					//columnas
					var col_aplicativo = 0;
					var col_funcionalidad = 1;
					var col_equipo = 2;
					var col_herramienta = 3;
					var col_basedatos = 4;
					var col_sistema = 5;
					var col_proveedor = 6;
					var col_global = 7;
					var col_fondosmutuos = 8;
					var col_porvenir = 9;
					var col_seguros = 10;
					var col_terceros = 11;
					var col_fideicomisos = 12;
					var col_fija = 13;
					var col_variable = 14;
					var col_fondofondos = 15;
					var col_listados = 16;
					var col_otc = 17;
					var col_tareas = 18;
					var col_covaf = 19;
					var col_envia = 20;
					var col_recibe = 21;
					var col_conexion = 22;
					var col_observaciones = 23;
					if(typeof String.prototype.trim !== 'function') {
					  String.prototype.trim = function() {
						return this.replace(/^\s+|\s+$/g, ''); 
					  }
					}                        
					google.setOnLoadCallback(getdata);
					google.load('visualization', '1.1', {packages: ['controls','table']});
					
					function getdata() {
						var query = new google.visualization.Query('https://spreadsheets.google.com/a/bbva.com/tq?&tq=&key=0AoQ79COH9rrIdEdxdl9QV1RyTVNKVmtzcnpxN3VqaEE&gid=1');
						query.send(handleQueryResponse);
						var queryManuals = new google.visualization.Query('https://spreadsheets.google.com/a/bbva.com/tq?&tq=&key=0AoQ79COH9rrIdEdxdl9QV1RyTVNKVmtzcnpxN3VqaEE&gid=48');
						queryManuals.send(handleQueryResponseManuals);
					}
					function handleQueryResponseManuals(response) {
						if (response.isError()) {
							alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
							return;
						}
						dataManuals = response.getDataTable();
					}
					function handleQueryResponse(response) {
						if (response.isError()) {
							alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
							return;
						}
						data = response.getDataTable();
						var data_matrix = [];
						var data_array = [];
						var last_letter = '';
						var total = 0;
						
						
						for (var row = 3; row < data.getNumberOfRows(); row++) {
							
							if (last_letter != data.getValue(row, col_aplicativo).substring(0, 1)) {
								if (data_array.length > 0) {
									total++;
									data_matrix.push(data_array);
								}
								data_array = [];
								data_arrayinfo = [];
								last_letter = data.getValue(row, col_aplicativo).substring(0, 1);
								data_array.push(last_letter);
							}
							data_array.push(data.getValue(row, col_aplicativo));
						}
						if (data_array.length > 0) {
							total++;
							data_matrix.push(data_array);
						}
						
						var html_text, count = 1;
						var col1 = Math.round(total / 3);
						var col2 = Math.round((total - col1)/ 2) + col1;
						for (var i in data_matrix) {
							for (var j in data_matrix[i]) {
								if (j == 0) {
									html_text = '<div class="portlet" ><div class="portlet-header">' +
												 data_matrix[i][j] + '</div><div class="portlet-content">' +
												'<table width="100%">'
								} else {
									if (j%2 == 1) {
										html_text = html_text + '<tr><td width="45%" class="widget-content"><p><a class="inline widget-content" href="#inline_content" onclick="getData(this);" id="'+i+'_'+j+'">' + data_matrix[i][j] + '</a></p></td>';
									} else {
										html_text = html_text + '<td width="10%" class="widget-content"></td>';
										html_text = html_text + '<td width="45%" class="widget-content"><p><a class="inline widget-content" href="#inline_content" onclick="getData(this);" id="'+i+'_'+j+'">' + data_matrix[i][j] + '</a></p></td></tr>';
									}
								}
								
								 
							}
							html_text = html_text + '</table></div></div>';
							if (count <= col1)
								$('#column1').append(html_text);
							if (count > col1 && count <= col2)
								$('#column2').append(html_text);
							if (count > col2)
								$('#column3').append(html_text);
							count++;
						}
						makeportlets();
						$(".inline").colorbox({inline:true, width:"70%", height:"95%"});
					}
					function makeportlets() {
						$( ".column" ).sortable({
						  connectWith: ".column",
						  handle: ".portlet-header",
						  cancel: ".portlet-toggle",
						  placeholder: "portlet-placeholder ui-corner-all"
						});
					 
						$( ".portlet" )
						  .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
						  .find( ".portlet-header" )
							.addClass( "ui-widget-header ui-corner-all" )
							.prepend( "<span class='ui-icon ui-icon-minusthick portlet-toggle'></span>");
					 
						$( ".portlet-toggle" ).click(function() {
						  var icon = $( this );
						  icon.toggleClass( "ui-icon-minusthick ui-icon-plusthick" );
						  icon.closest( ".portlet" ).find( ".portlet-content" ).toggle();
						});
						
						
					}
					function getData(elemento) {
						for (var row = 3; row < data.getNumberOfRows(); row++) {
							if (elemento.text == data.getValue(row, col_aplicativo)) {
								$("#id_aplicativo").text(data.getValue(row, col_aplicativo));
								$("#id_funcionalidad").text(data.getValue(row, col_funcionalidad));
								$("#id_equipo").text(data.getValue(row, col_equipo));
								$("#id_herramienta").text(data.getValue(row, col_herramienta));
								$("#id_basedatos").text(data.getValue(row, col_basedatos));
								$("#id_sistema").text(data.getValue(row, col_sistema));
								$("#id_proveedor").text(data.getValue(row, col_proveedor));
								
								data.getValue(row, col_global) == 'SI' ? $("#id_global").attr('checked', true) : $("#id_global").attr('checked', false);
								
								//TIPO CARTERA
								data.getValue(row, col_fondosmutuos) == 'SI' ? $("#id_fondosmutuos").attr('checked', true) : $("#id_fondosmutuos").attr('checked', false);
								data.getValue(row, col_porvenir) == 'SI' ? $("#id_porvenir").attr('checked', true) : $("#id_porvenir").attr('checked', false);
								data.getValue(row, col_seguros) == 'SI' ? $("#id_seguros").attr('checked', true) : $("#id_seguros").attr('checked', false);
								data.getValue(row, col_terceros) == 'SI' ? $("#id_terceros").attr('checked', true) : $("#id_terceros").attr('checked', false);
								data.getValue(row, col_fideicomisos) == 'SI' ? $("#id_fideicomisos").attr('checked', true) : $("#id_fideicomisos").attr('checked', false);
								
								//TIPO INSTRUMENTO
								data.getValue(row, col_fija) == 'SI' ? $("#id_fija").attr('checked', true) : $("#id_fija").attr('checked', false);
								data.getValue(row, col_variable) == 'SI' ? $("#id_variable").attr('checked', true) : $("#id_variable").attr('checked', false);
								data.getValue(row, col_fondofondos) == 'SI' ? $("#id_fondofondos").attr('checked', true) : $("#id_fondofondos").attr('checked', false);
								data.getValue(row, col_listados) == 'SI' ? $("#id_listados").attr('checked', true) : $("#id_listados").attr('checked', false);
								data.getValue(row, col_otc) == 'SI' ? $("#id_otc").attr('checked', true) : $("#id_otc").attr('checked', false);
								
								//ACTIVIDADES
								data.getValue(row, col_tareas) == 'SI' ? $("#id_tareas").attr('checked', true) : $("#id_tareas").attr('checked', false);
								data.getValue(row, col_covaf) == 'SI' ? $("#id_covaf").attr('checked', true) : $("#id_covaf").attr('checked', false);
								
								//CONECTIVIDAD DECALOG
								data.getValue(row, col_conexion) == 'SI' ? $("#id_conexion").attr('checked', true) : $("#id_conexion").attr('checked', false);
								data.getValue(row, col_envia) == 'SI' ? $("#id_envia").attr('checked', true) : $("#id_envia").attr('checked', false);
								data.getValue(row, col_recibe) == 'SI' ? $("#id_recibe").attr('checked', true) : $("#id_recibe").attr('checked', false);
								
								$("#id_observaciones").text(data.getValue(row, col_observaciones));
							}
						}
						
						var col_aplicativoM = 0;
						var col_tituloM = 1;
						var col_datoM = 2;
						var col_clasificacionM = 3;
						
						var html_mf = '';
						var html_mt = '';
						var html_faq = '';
						var countMF = 1, countMT = 1, countFAQ = 1;
						for (var rowM = 1; rowM < dataManuals.getNumberOfRows(); rowM++) {
							if (elemento.text == dataManuals.getValue(rowM, col_aplicativoM)) {
								if (dataManuals.getValue(rowM, col_clasificacionM) == "MF") {
									if (countMF%2 == 1) {
										html_mf = html_mf + '<tr><td width="45%"><p><a href="' + dataManuals.getValue(rowM, col_datoM) + '" >' + dataManuals.getValue(rowM, col_tituloM) + '</a></p></td>';
									} else {
										html_mf = html_mf + '<td width="10%" class="widget-content"></td>';
										html_mf = html_mf + '<td width="45%"><p><a href="' + dataManuals.getValue(rowM, col_datoM) + '" >' + dataManuals.getValue(rowM, col_tituloM) + '</a></p></td></tr>';
									}
									countMF++;
								}
								if (dataManuals.getValue(rowM, col_clasificacionM) == "MT") {
									if (countMT%2 == 1) {
										html_mt = html_mt + '<tr><td width="45%"><p><a href="' + dataManuals.getValue(rowM, col_datoM) + '" >' + dataManuals.getValue(rowM, col_tituloM) + '</a></p></td>';
									} else {
										html_mt = html_mt + '<td width="10%"></td>';
										html_mt = html_mt + '<td width="45%"><p><a href="' + dataManuals.getValue(rowM, col_datoM) + '" >' + dataManuals.getValue(rowM, col_tituloM) + '</a></p></td></tr>';
									}
									countMT++;
								}
								if (dataManuals.getValue(rowM, col_clasificacionM) == "FAQ") {
									html_faq = html_faq + '<h3>' + dataManuals.getValue(rowM, col_tituloM) + '</h3><p>' + dataManuals.getValue(rowM, col_datoM) + '</p>';
								}
							}
						}
						if (html_mf.length > 0) {
							$('#tabs-1').append('<table width="100%">' + html_mf + '</table>');
						}
						if (html_mt.length > 0) {
							$('#tabs-2').append('<table width="100%">' + html_mt + '</table>');
						}
						if (html_faq.length > 0) {
							$('#tabs-3').append(html_faq);
						}
						$( "#accordion" ).accordion({
						  heightStyle: "content"
						});
						
						
						$( "#tabs" ).tabs({
						  event: "mouseover"
						});
						
					}
				</script>
				<div id="column1" class="column"></div>
				<div id="column2" class="column"></div>
				<div id="column3" class="column"></div>
					
				<div style="display:none">
					<div id="inline_content" style="padding:10px; background:#fff;">
						<h1 id="id_aplicativo">Decalog</h1>
						
						<div id="accordion">
							<h3>Descripci&oacuten T&eacutecnica</h3>
							<div>
								<table width="100%">
									<tr class="border_bottom">
										<td width="25%">Funcionalidad</td>
										<td id="id_funcionalidad"></td>
									</tr>
									<tr class="border_bottom">
										<td width="25%">Equipo</td>
										<td id="id_equipo"></td>
									</tr>
									<tr class="border_bottom">
										<td width="25%">Herramienta Desarrollo</td>
										<td id="id_herramienta"></td>
									</tr>
									<tr class="border_bottom">
										<td width="25%">Base de Datos</td>
										<td id="id_basedatos"></td>
									</tr>
									<tr class="border_bottom">
										<td width="25%">Sistema Operativo</td>
										<td id="id_sistema"></td>
									</tr>
									<tr class="border_bottom">
										<td width="25%">Proveedor</td>
										<td id="id_proveedor"></td>
									</tr>
									<tr>
										<td width="25%"><input type="checkbox" id="id_global">Aplicativo Global</td>
										<td></td>
									</tr>
								</table>
							</div>
							<h3>Tipo de Cartera</h3>
							<div>
								<table width="100%">
									<tr>
										<td><input type="checkbox" id="id_fondosmutuos">Fondos Mutuos</td>
										<td><input type="checkbox" id="id_terceros">Terceros</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="id_porvenir">Porvenir</td>
										<td><input type="checkbox" id="id_fideicomisos">Fideicomisos</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="id_seguros">Seguros</td>
										<td></td>
									</tr>
								</table>
							</div>
							<h3>Tipo de Instrumento</h3>
							<div>
								<table width="100%">
									<tr>
										<td><input type="checkbox" id="id_fija">Renta Fija</td>
										<td><input type="checkbox" id="id_listados">Derivados Listados</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="id_variable">Renta Variable</td>
										<td><input type="checkbox" id="id_otc">Derivados OTC</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="id_fondofondos">Fondos de Fondos</td>
										<td></td>
									</tr>
								</table>
							</div>
							<h3>Actividades</h3>
							<div>
								<table width="100%">
									<tr>
										<td><input type="checkbox" id="id_tareas">Tareas Administrativas</td>
										<td><input type="checkbox" id="id_covaf">COVAF</td>
									</tr>
								</table>
							</div>
							<h3>Conectividad con Decalog</h3>
							<div>
								<table width="100%">
									<tr>
										<td><input type="checkbox" id="id_conexion">Conexi&oacuten con BBDD</td>
										<td><input type="checkbox" id="id_recibe">Recibe Info</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="id_envia">Env&iacutea Info</td>
										<td></td>
									</tr>
								</table>
							</div>
							<h3>Observaciones</h3>
							<div>
								<p id="id_observaciones"></p>
							</div>
						</div>
						
						<div id="tabs">
							<ul>
								<li><a href="#tabs-1">Manuales Funcionales</a></li>
								<li><a href="#tabs-2">Manuales T&eacutecnicos</a></li>
								<li><a href="#tabs-3">FAQ</a></li>
							</ul>
							<div id="tabs-1">
							</div>
							<div id="tabs-2">
							</div>
							<div id="tabs-3">
							</div>
						</div>
					</div>
				</div>